<template>
	<div>

		<!--头部-->
		<div class="ade-header">
			<div class="inner">
				<div class="float-left ade-logo-wall logo" style="width: 260px;height: 36px;margin-top: 20px;">
					<a href=""><img src="../../static/images/logo3.png" alt=""></a>
				</div>
				<div class="float-left" style="padding-left: 6%">
					<router-link to="main/index">
						<a class="nav" href="">首页</a>
					</router-link>
					<div class="nav">
						<span>社会化营销</span>
						<ul class="sect" onclick="window.open('http://yun.kouhaobang.com/member/login','_blank')">
							<li>软文推广</li>
							<li>自媒体推广</li>
							<li>小红书推广</li>
							<li>微信推广</li>
							<li>微博推广</li>
						</ul>
					</div>
					<div class="nav">
						<span>视频营销</span>
						<ul class="sect" onclick="window.open('http://yun.kouhaobang.com/member/login','_blank')">
							<li>直播推广</li>
							<li>抖音推广</li>
							<li>快手推广</li>
							<li>带货推广</li>
						</ul>
					</div>
					<div class="nav active">
						<span>营销方案</span>
						<!--  -->
						<router-link to="distribut">
							<a class="" href="#" target="_blank">
								<ul class="sect">
									<li>节日活动</li>
									<li>电商促销</li>
									<li>整合营销</li>
									<li>品牌推广</li>
									<li>新品推广</li>
								</ul>
							</a>
						</router-link>
					</div>
					<router-link to="oem">
						<div class="nav ">免费OEM</div>
					</router-link>
				</div>
				<div class="float-right">
					<router-link tag="a" target="_blank" to="regist">
						<div class="nav">注册</div>
					</router-link>
					<router-link tag="a" target="_blank" to="login">
						<a class="nav">登录</a>
					</router-link>
				</div>
			</div>
		</div>



		<!-- <script src="static/js/breakingnews.js"></script> -->
		<div class="channel-consult" style="border-top:40px solid #f9f9f9;border-bottom:40px solid #f9f9f9;">
			<div class="channel-consult-inner">
				<div class="channel-content channel-consult-top">
					<h3 class="consult-title">怎么做营销才有效果？免费预约营销专家为你解答</h3>
					<div class="BreakingNewsController easing consult-swiper" id="breakingnews2" style="height:30px;">
						<ul>
							<li><a href="javascript:;" class="publish-btn"><img src="static/picture/user.png" alt="">132****7752 30分钟前提交了
									<em style="color:indianred ">网站推广怎么做？</em></a></li>
							<li><a href="javascript:;" class="publish-btn"><img src="static/picture/user.png" alt="">158****5689 45分钟前提交了
									<em style="color:orangered ">网络营销方案有哪些？</em></a></li>
							<li><a href="javascript:;" class="publish-btn"><img src="static/picture/user.png" alt="">139****2587 25分钟前提交了
									<em style="color:indianred ">我要推广公司品牌</em></a></li>
							<li><a href="javascript:;" class="publish-btn"><img src="static/picture/user.png" alt="">138****5689 55分钟前提交了
									<em style="color:orangered ">我要推广新产品</em></a></li>
							<li><a href="javascript:;" class="publish-btn"><img src="static/picture/user.png" alt="">182****7524 3小时前提交了 <em
									 style="color:indianred ">电商怎么推广？</em></a></li>
							<li><a href="javascript:;" class="publish-btn"><img src="static/picture/user.png" alt="">182****4382 4小时前提交了 <em
									 style="color:orangered ">我要推广新产品</em></a></li>
							<li><a href="javascript:;" class="publish-btn"><img src="static/picture/user.png" alt="">157****7795 5小时前提交了 <em
									 style="color:indianred ">我要推广新产品</em></a></li>
						</ul>
					</div>

					<div class="consult-form clearfix">
						<div class="form-input clearfix">
							<span class="input-tip">我的营销难题是</span>
							<input class="input-input " data-linkid="zbjpindao-consult-input " type="text" placeholder="请输入你面临的问题，如：产品销量持续低迷" />
						</div>
						<button data-type="1" class="consult-submit dialog-button publish-btn" data-linkid="zbjpindao-consult-submit"
						 data-categoryid="1545">免费预约咨询</button>
					</div>
					<div class="consult-hot">
						热门咨询:
						<span data-linkid="zbjpindao-consult-hot-0 " class="publish-btn">营销推广没得方法</span>

						<span data-linkid="zbjpindao-consult-hot-1" class="publish-btn">缺乏专业运营人员</span>

						<span data-linkid="zbjpindao-consult-hot-2" class="publish-btn">新品推广不出去</span>

						<span data-linkid="zbjpindao-consult-hot-3" class="publish-btn">不懂推广</span>

						<span data-linkid="zbjpindao-consult-hot-4" class="publish-btn">不熟悉广告投放渠道</span>


					</div>
				</div>
				<ul class="channel-content consult-tips-list clearfix" id="utopia_widget_8">
					<li class="consult-tips-item">
						<div class="item-con">
							<div class="img">
								<img src="static/picture/tt1.png" alt />
							</div>
							<div class="text">
								<div class="title">专家问诊</div>
								<div class="desc">为企业提供传播问诊、优势定位、营销建议</div>
							</div>
						</div>
					</li>

					<li class="consult-tips-item">
						<div class="item-con">
							<div class="img">
								<img src="static/picture/tt2.png" alt />
							</div>
							<div class="text">
								<div class="title">急速响应</div>
								<div class="desc">专家24小时在线，急速响应，省心体验</div>
							</div>
						</div>
					</li>

					<li class="consult-tips-item">
						<div class="item-con">
							<div class="img">
								<img src="static/picture/tt3.png" alt />
							</div>
							<div class="text">
								<div class="title">方案定制</div>
								<div class="desc">根据公司业务范围、营销模式等定制专属营销方案</div>
							</div>
						</div>
					</li>

					<li class="consult-tips-item">
						<div class="item-con">
							<div class="img">
								<img src="static/picture/tt4.png" alt />
							</div>
							<div class="text">
								<div class="title">报价评估</div>
								<div class="desc">多道工序审核、合理报价、靠谱方案、效果给力</div>
							</div>
						</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="zhuanchang">
			<div class="tab-btn">
				<a class="cur" href="/distribute/1" data-linkid="10000654">超值方案</a>
				<a href="/distribute/2" data-linkid="10000654">软文营销</a>
				<a href="/distribute/3" data-linkid="10000654">营销整合方案</a>
			</div>
			<div class="tab-content">
				<div class="slick">

					<div style="overflow:hidden;">
						<ul class="lists clearfix" id="lists">
							<li class="cur" data-content-id="1" style="width: 285px;">
								<div class="top-title-block">
									<h2>80家媒体统发-限量软文套餐</h2>
									<p class="gray-color"><s>市场价：500元</s></p>
									<p><span>98</span>元</p>
								</div>
								<div class="bottom-content-block">
									<p>1、保证收录效果，每天限量10套</p>
									<p>2、当天可完成，当天可收录</p>
									<p>3、套餐为固定项目不接受定制</p>
									<p>4、需要提供稿件</p>
									<button class="down-btn" onclick="download('/uploads/file/2019/09/16/15686247325146.xls')">下载营销方案</button>
								</div>
							</li>
							<li data-content-id="14" style="width: 285px;">
								<div class="top-title-block">
									<h2>500元—百科品牌塑造</h2>
									<p class="gray-color"><s>市场价：1200元</s></p>
									<p><span>500</span>元</p>
								</div>
								<div class="bottom-content-block">
									<p>1、百科核心成员，成功率近100%</p>
									<p>2、专人对接服务，量身定制方案</p>
									<p>3、基础套餐，可以深度定制</p>
									<p>4、快速执行，超高性价比</p>
									<button class="down-btn" onclick="download('/uploads/file/2019/09/16/15686248937648.xls')">下载营销方案</button>
								</div>
							</li>
							<li data-content-id="15" style="width: 285px;">
								<div class="top-title-block">
									<h2>998元-一站式企业营销</h2>
									<p class="gray-color"><s>市场价：3000元</s></p>
									<p><span>998</span>元</p>
								</div>
								<div class="bottom-content-block">
									<p>1、企业基础营销服务，超高性价比</p>
									<p>2、品牌正面曝光，快速落地营销</p>
									<p>3、基础营销套餐，支持深度定制</p>
									<p>4、专人对接服务，量身定制方案</p>
									<button class="down-btn" onclick="download('/uploads/file/2019/09/16/15686248717119.xls')">下载营销方案</button>
								</div>
							</li>
							<li data-content-id="4" style="width: 285px;">
								<div class="top-title-block">
									<h2>网络营销策划-尝鲜版</h2>
									<p class="gray-color"><s>市场价：3999元</s></p>
									<p><span>1200</span>元</p>
								</div>
								<div class="bottom-content-block">
									<p>1、适用于多种业务场景</p>
									<p>2、项目经理亲自统筹</p>
									<p>3、允许部分项目定制</p>
									<p>4、超值套餐，超高性价比</p>
									<button class="down-btn" onclick="download('/uploads/file/2019/09/19/15688763807990.xls')">下载营销方案</button>
								</div>
							</li>
						</ul>
					</div>
				</div>
				<div class="publish-block">
					<a class="publish-btn" href="tencent://message/?Menu=yes&amp;uin=1946919250&amp;Site=80fans&amp;Service=300&amp;sigT=45a1e5847943b64c6ff3990f8a9e644d2b31356cb0b4ac6b24663a3c8dd0f8aa12a545b1714f9d45">立即咨询方案</a>
					<p>
						咨询方案，享官方折扣
					</p>
				</div>
				<div class="tab-list-menu t-l-m">
					<a class="cur" href="#detail-0-5"><i>LOGO专场-经济款</i>详情</a>
					<a href="#process-0-0" class="">服务流程</a>

				</div>
				<div class="detail detail-1" style="display: block;">
					<h2 class="t-l-title t-l-show" id="detail-0-1"><span>80家媒体统发-限量软文套餐详情</span><i></i></h2>
					<div class="detail-content">
						<p><img src="static/picture/dda45c5eea56b4060363a88e5bedf893.jpg" title="/uploads/image/2019/08/01/dda45c5eea56b4060363a88e5bedf893.jpg"
							 alt="尝鲜.jpg" /></p>
						<p><br /></p>
						<p><br /></p>
					</div>
				</div>
				<div class="detail detail-14" style="display: none;">
					<h2 class="t-l-title t-l-show" id="detail-0-1"><span>500元—百科品牌塑造详情</span><i></i></h2>
					<div class="detail-content">
						<p><img src="static/picture/382a32f2ee02877c86138c858ba1a846.png" title="/uploads/image/2019/08/11/382a32f2ee02877c86138c858ba1a846.png"
							 alt="image.png" /></p>
					</div>
				</div>
				<div class="detail detail-15" style="display: none;">
					<h2 class="t-l-title t-l-show" id="detail-0-1"><span>998元-一站式企业营销详情</span><i></i></h2>
					<div class="detail-content">
						<p><img src="static/picture/48bc66e2632b5044c99900706913cc82.png" title="/uploads/image/2019/08/11/48bc66e2632b5044c99900706913cc82.png"
							 alt="image.png" /></p>
					</div>
				</div>
				<div class="detail detail-4" style="display: none;">
					<h2 class="t-l-title t-l-show" id="detail-0-1"><span>网络营销策划-尝鲜版详情</span><i></i></h2>
					<div class="detail-content">
						<p><img src="static/picture/f81e9d87f9e73bf19eb3a1d54b8a0080.jpg" title="/uploads/image/2019/08/01/f81e9d87f9e73bf19eb3a1d54b8a0080.jpg"
							 alt="尝鲜.jpg" /></p>
					</div>
				</div>


				<!-- <div class="detail detail-service">
		                <h2 class="t-l-title t-l-show" id="process-0-0"><span>服务流程</span><i></i></h2>
		                <img src="static/picture/liucheng.png" alt="">
		            </div> -->
			</div>
		</div>
		<div style="border-top:40px solid #f9f9f9;">
			<div class="title-box">
				<p class="comm-title">服务流程</p>
				<div class="short-line"></div>
			</div>
			<div class="tx-c" style="margin-top:40px;">
				<img src="../../static/picture/liucheng.png" alt="">
			</div>
		</div>
		<div style="border-top:40px solid #f9f9f9;">
			<div class="title-box">
				<p class="comm-title">选择口号帮的原因</p>
				<div class="short-line"></div>
			</div>
			<div class="tx-c" style="margin-top:40px;padding-bottom:20px;">
				<img src="../../static/picture/liucheng2.png" alt="">
			</div>
		</div>
		<div style="border-top:40px solid #f9f9f9;">
			<div class="title-box">
				<p class="comm-title">口号帮的优势</p>
				<div class="short-line"></div>
			</div>
			<div class="tx-c" style="margin-top:40px;padding-bottom:20px;">
				<a href="http://yun.kouhaobang.com/member/login" target="_blank">
					<img src="../../static/picture/liucheng3.png" alt=""></a>
			</div>
		</div>
		
		<news-content></news-content>
		<footerPage></footerPage>
		<right-fixed></right-fixed>





	</div>
</template>

<script>
	// $(document).ready(function() {
	// 	$('.news-tab-it').click(function() {
	// 		$(this).addClass('news-typical-case-tabbar-li-checked').siblings().removeClass(
	// 			'news-typical-case-tabbar-li-checked');
	// 		$('.news-content-it').show().siblings().hide();
	// 	})
	// 	$('.news-tab-aboard').click(function() {
	// 		$(this).addClass('news-typical-case-tabbar-li-checked').siblings().removeClass(
	// 			'news-typical-case-tabbar-li-checked');
	// 		$('.news-content-aboard').show().siblings().hide();
	// 	})
	// 	$('.news-tab-medical').click(function() {
	// 		$(this).addClass('news-typical-case-tabbar-li-checked').siblings().removeClass(
	// 			'news-typical-case-tabbar-li-checked');
	// 		$('.news-content-medical').show().siblings().hide();
	// 	})
	// 	$('.news-tab-e-commerce').click(function() {
	// 		$(this).addClass('news-typical-case-tabbar-li-checked').siblings().removeClass(
	// 			'news-typical-case-tabbar-li-checked');
	// 		$('.news-content-e-commerce').show().siblings().hide();
	// 	})

	// 	$("#breakingnews2").BreakingNews({
	// 		background: '#FFF4EC',
	// 		title: 'BREAKING NEWS',
	// 		titlecolor: '#FFF',
	// 		titlebgcolor: '#099',
	// 		linkcolor: '#333',
	// 		linkhovercolor: '#099',
	// 		fonttextsize: 16,
	// 		isbold: false,
	// 		timer: 6000,
	// 		autoplay: true,
	// 		effect: 'slide'
	// 	});

	// 	$('#apply').click(function(e) {
	// 		addValues();
	// 	});
	// 	addValues();

	// 	cutInit();


	// })
	// // 设置 盒子 宽度
	// function cutInit() {
	// 	var len = $('#lists li').length, // 盒子里li 的长度
	// 		item_w = 297,
	// 		box_w = len * item_w,
	// 		lef = +($('#lists').css("transform").replace(/[^0-9\-,]/g, '').split(',')[4]);
	// 	$("#lists").css({
	// 		'width': box_w + 'px'
	// 	})
	// 	$('#slick-prev').on('click', function() {
	// 		lef -= item_w
	// 		$("#lists").css({
	// 			'transform': 'translateX(' + lef + 'px)'
	// 		})
	// 	})
	// 	$('#slick-next').on('click', function() {
	// 		lef += item_w
	// 		$("#lists").css({
	// 			'transform': 'translateX(' + lef + 'px)'
	// 		})
	// 	})
	// 	$('#lists li').on('click', function() {
	// 		$('#lists li').removeClass('cur')
	// 		$(this).addClass('cur')
	// 		$(".detail").hide()
	// 		$(".detail-" + $(this).data("content-id")).show()
	// 		$(".detail-service").show()
	// 	})
	// 	$(".news-typical-case-tabbar-li").on('click', function() {

	// 		$('.case-detail-' + $(this).data("content-id")).show().siblings("div").hide();
	// 	});
	// }
	// // 播报插件
	// function addValues() {
	// 	var params = 'Add : jQuery.js\n' +
	// 		'Add : BreakingNews.js\n' +
	// 		'Add : BreakingNews.css\n\n\n' +
	// 		'$("#breakingnews").BreakingNews({\n\n' +
	// 		'	background		:"' + $("#background").val() + '",\n' +
	// 		'	title			:"' + $("#title").val() + '",\n' +
	// 		'	titlecolor		:"' + $("#titlecolor").val() + '",\n' +
	// 		'	titlebgcolor		:"' + $("#titlebgcolor").val() + '",\n' +
	// 		'	linkcolor		:"' + $("#linkcolor").val() + '",\n' +
	// 		'	linkhovercolor		:"' + $("#linkhovercolor").val() + '",\n' +
	// 		'	fonttextsize		:' + parseInt($("#fonttextsize").val()) + ',\n' +
	// 		'	isbold			:' + ($("#isbold").val() == "true" ? true : false) + ',\n' +
	// 		'	border			:"' + $("#border").val() + '",\n' +
	// 		'	width			:"' + $("#width").val() + "%" + '",\n' +
	// 		'	timer			:' + parseInt($("#timer").val()) + ',\n' +
	// 		'	autoplay		:' + ($("#autoplay").val() == "true" ? true : false) + ',\n' +
	// 		'	effect			:"' + $("#effect").val() + '",\n\n' +
	// 		'});\n';
	// 	$('.content pre code').html(params);
	// }
	import newsContent from "../components/news-content"
	import footerPage from "../components/footer"
	import rightFixed from "../components/right-fixed"
	export default {
		components:{
			newsContent,
			footerPage,
			rightFixed
		},
		data() {
			return {
				
			}
		},
		methods: {

		}
	}
</script>

<style>
	@import url("../../static/css/c43b64ccb0b4a.css");
	@import url("../../static/css/b24663a3c8dd0.css");
	@import url("../../static/css/a12a545b1714f.css");
	@import url("../../static/css/p_reset.css");
	@import url("../../static/css/p_index.css");
	@import url("../../static/css/baidujinjia.css");
	@import url("../../static/css/icon.css");
	@import url("../../static/css/mobile.css");
	@import url("../../static/css/shouye.css");
	@import url("../../static/css/yingxiao.css");
page{
		background-color: #FFFFFF;
	}
	.a-color {
		color: white;
	}

	.ade-header .nav {
		padding: 34px 15px;
		line-height: 1;
		font-size: 18px;
		font-weight: bold;
		display: inline-block;
		vertical-align: middle;
		border-bottom: 3px solid #fff;
		color: #666;
		position: relative;
	}

	.ade-header .nav:hover {
		text-decoration: none;
		color: #ff6900;
		cursor: pointer;
	}

	.ade-header .nav.active,
	.ade-header .sect li:hover {
		color: #ff6900;
		border-bottom-color: #ff6900;
	}

	.ade-header .nav:hover .sect {
		display: block;
		color: #666;
	}

	.ade-header .sect {
		position: absolute;
		width: 120px;
		top: 80px;
		left: 0;
		text-align: center;
		box-shadow: 0 0 10px #e9e9e9;
		background: #fff;
		z-index: 999;
		display: none;
		padding: 6px;
	}

	.ade-header .sect li {
		padding: 12px 0;
		border-bottom: 1px solid #e9e9e9;
		font-size: 15px;
	}
</style>
